/* 版心区域 京东的版心 1190px 公共样式*/
img {
    /* display: block; */
    vertical-align: top; /*解决img 对准div基线的方法 也就是会有空隙 */
}
.w {
  width: 1190px;
  margin: 0 auto;
}
/* 浮动的公共类 */
.fl {
  float: left;
}
.fr {
  float: right;
}
.style-red {
  color: #f10215 !important;
}
/* 使用字体之前需要先声明字体 */
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?6a295w");
  src: url("../fonts/icomoon.eot?6a295w#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.ttf?6a295w") format("truetype"),
    url("../fonts/icomoon.woff?6a295w") format("woff"),
    url("../fonts/icomoon.svg?6a295w#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}
input,
button {
  border: 0;
  outline: none; /* 去除点击之后产生的绿线 */
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
  font-size: 12px;
  color: #999;
}
a:hover {
  color: #e33333;
}

html,body {
  min-width: 1190px;
  background-color: #f0f3ef;
}

/* header 头部 start */
header {
  height: 80px;
  background-color: #ffdae1;
}
header .w a {
  display: block;
  width: 100%;
  height: 80px;
  background: url(../images/5b680eebNf23d28a8.jpg) no-repeat;
}
/* header 头部 end */

/* 快速导航栏部分 start */
.shortcut {
  
  background-color: #e3e4e5;
  border-bottom: 1px solid #ddd;
}
.shortcut .w {
  height: 30px;
  line-height: 30px;
}

#ttbar-mycity {
  margin-left: 200px;
}

.shortcut li {
  float: left;
}
.shortcut a {
    line-height: 28px;
}
.shortcut i {
  font-family: icomoon;
  font-size: 14px;
  /* 让倾斜的不倾斜 */
  font-style: normal;
  color: #999;
}
.spacer {
  width: 1px;
  height: 10px;
  background-color: #ccc;
  margin: 10px 12px 0; /* 上10px 左右12px 下0 */
}
.mobile {
  position: relative;
  display: inline-block;
  width: 68px;
}
.mobile img {
  position: absolute;
  left: -10px;
  top: 30px;
  border: 1px solid #cfcfcf;
  padding: 3px;
  width: 60px;
  height: 60px;
}
/* 快速导航栏部分 end */

/* <!-- 中间头部分 start --> */
.header {
  height: 140px;
  /* background-color: orange; */
  position: relative;
}
/* logo部分 */
.logo {
  position: absolute;
  width: 190px;
  height: 170px;
  top: -30px;
  border-bottom: 1px solid #ededed;
  left: 0;
}
.logo a {
  display: block;
  height: 170px;
  background-color: #fff;
  background-image: url(../images/sprite.head.png);
}
/* 搜索框 */
.form {
  width: 550px;
  height: 35px;
  background-color: pink;
  position: absolute;
  top: 25px;
  left: 320px;
}
.form input {
  width: 500px;
  height: 35px;
  border: 1px solid transparent;
  box-sizing: border-box; /* css3新的盒模型 */
  font-size: 14px;
  color: #989898;
  padding-left: 3px;
  float: left;
}
.form button {
  width: 50px;
  height: 35px;
  background-color: #f10215;
  float: left;
}
.form button i {
  font-family: icomoon;
  font-style: normal;
  color: #fff;
}
/* 购物车部分 */
.settleup {
    width: 190px;
    height:33px;
    border: 1px solid #ccc;
    position: absolute;
    top: 25px;
    right: 99px;
    background-color: #fff;
    color: #f10215;
    text-align: center;
    line-height: 33px;
}
.settleup i {
    font-family: icomoon;
    font-style: normal;
    font-size: 16px;
    margin-right: 3px;
}
.settleup span {
    width: 14px;
    height: 14px;
    background-color: #f10215;
    position: absolute;
    top: 5px;
    left: 140px;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    line-height: 14px;

}
/* 关键词 */
.hotwords {
    height: 20px;;
    width: 550px;
    line-height: 20px;
    position: absolute;
    top: 65px;
    left: 320px;
}
.hotwords a {
    margin-right: 10px;
    float: left;
}
.hotwords a:first-child {
    width: 70px;
}

/* 小导航栏 */
.navitems {
    width: 850px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 230px;
}
.navitems li {
    float: left;
    margin-left: 40px;
}
.navitems li a {
    font-size: 14px;
    font-weight: 700;
    color: #333;
}
.navitems li a:hover {
    color: #f10215;
}
.navitems .spacer {
    margin: 15px -20px 0 20px;
}

/* <!-- 中间头部分 end --> */

/* 底部服务信息 */
footer {
    width: 100%;
    margin-top: 30px;
    background-color: #eaeaea;
    height: 568px;
}
footer a {
    color: #666;
}
.service {
    height: 102px;
    border-bottom: 1px solid #dfe1de;
}
.service .w {
 line-height: 102px;
}
.service ul {
    display: flex;
}
.service li {
    flex: 1;
    float: left;
    position: relative;
}
.service li p {
    font-size: 18px;
    font-weight: 700;
    color: #444;
    padding-left: 48px;
    
}
.service li h5 {
    width: 36px;
    height: 42px;
    background: url(../images/sprite.footer.png) no-repeat;
    text-indent: -999em;
    position: absolute;
    top: 32px;
    left: 0;
}
.service li:nth-child(1) h5 {
    background-position: 0 -192px;
}
.service li:nth-child(2) h5 {
    background-position: -41px -192px;
}
.service li:nth-child(3) h5 {
    background-position: -82px -192px;
}
.service li:nth-child(4) h5 {
    background-position: -123px -192px;
}
.help {
    height: 200px;
    border-bottom: 1px solid #dfe1de;
}
.help .fl {
    padding-top: 25px;
    box-sizing: border-box;
}
.help .fl dl {
    width: 190px;
    float: left;
}
.help .fl dt,
.help_cover h5 {
    height: 30px;
    font-size: 14px;
    font-weight: 700;
    color: #666;
}
.help .fl dd {
    height: 22px;
}
.help .fl dd a{
    height: 20px;
}
.help .fl dd a:hover,
.help_cover a:hover,
.copyright div a:hover {
    height: 20px;
    color: #c81623;
}
.help_cover {
    width: 200px;
    height: 155px;
    background: url(../images/sprite.footer.png) no-repeat;
}
.help_cover h5{
    line-height: 30px;
    text-align: center;
    margin: 15px 0;
}
.help_cover p{
    color: #666;
    font-size: 12px;
    padding: 0 10px;
    line-height: 20px;
}
.help_cover a {
    width: 180px;
    display: block;
    text-align: right;
}

/* 版权信息 */
.copyright {
    padding-top: 20px;
    text-align: center;
}
.copyright a {
    font-size: 12px;
}
.copyright span {
    margin: 0 5px;
    color: #ccc;
    font-size: 14px;
}
.copyright div {
   padding-top: 15px;
}
.copyright div p {
   font-size: 12px;
   line-height: 22px;
   color: #999;
}
.copyright div a {
   color: #999;
}
.foot-ico {
    padding-top: 35px;
}
.foot-ico a {
    width: 103px;
    height: 32px;
    display: inline-block;
    text-align: center;
    background: url(../images/sprite.footer.png) no-repeat -205px -148px;
    margin: 0 3px;
}
.foot-ico a:nth-child(2) {
    background-position: -205px -111px;
}
.foot-ico a:nth-child(3) {
    background-position: -205px -74px;
}
.foot-ico a:nth-child(4) {
    background-position: -205px -37px;
}
.foot-ico a:nth-child(5) {
    background-position: -205px 0;
}
.foot-ico a:nth-child(6) {
    background-position: 0 -155px;
}